<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../js/vue.js">
		</script>
	</head>
	<body>
		<template id="private_com">
			<h1 style="color: #FF69B4;">这是一个私有组件</h1>
		</template>
		<div id="app">
			<private_com></private_com>
		</div>
		<div id="app2">
			<!-- 不能再次app2中使用 -->
			<!-- <private_com></private_com> -->
		</div>
		<script>
			/*这是一个全局组件 
			Vue.component('private_com',{
				template:'#private_com'
			}) */
			new Vue({
				el: '#app',
				data: {},
				methods: {},
				components: {
					private_com:{
						template: '#private_com'
					}
				},

			})
			new Vue({
				el: '#app2',
				data: {},
				methods: {}

			})
		</script>
	</body>
</html>
